<template>
    <div class="header">
      <div class="header-left">
        <p>
          <router-link to="/regist"><span >注册</span></router-link>|<router-link to="/login"><span>登录</span></router-link>
        </p>

      </div>
      <div class="header-middle">
        <img src="//m.jr.jd.com/spe/qyy/main/images/jr-logo.png">
      </div>
      <div class="header-right">
        <btn>APP下载</btn>
      </div>
    </div>
</template>

<script>
import btn from '@/components/core/btn'
export default {
  name: 'homeHeader',
  components: {
    btn
  },
  methods: {
    login(){


    }
  }
}
</script>

<style lang="stylus" scoped>
  .header
   height:1rem
   line-height:1rem
   background:#f9f9f9
   display:flex
   position:fixed
   z-index:100
   left:0
   top:0
   right:0
   .header-left
    padding-left:.2rem
    span
     padding:0 .12rem
   .header-middle
    overflow:hidden
    width:2.1rem
    height:1rem
    margin:0 auto
    img
     width:100%
   .header-right
    margin-right:.2rem
</style>
